.category {

    .categoryContent {
        height: calc(100vh - 165px);
        display: flex;
        // background-color: white;
      .categoryContentLeft {
        flex: 1;
        background-color: #f3f3f3;
        overflow-y: scroll;
        .contentLeftItem{
            width: 100%;
            height: 50px;
            line-height: 50px;
            text-align: center;
        }
        .active{
            color: var(--themeColor);
            border-left: 2px solid red;
        }
      }
  
      .categoryContentRight {
        flex: 3;
        overflow-y: scroll;
        .contentRightItem {
            .itemTitle {
                height: 50px;
                line-height: 50px;
                text-align: center;
            }
          
            .productList {
                display: flex;
                flex-wrap: wrap;
              .productItem {
                  width: 33.33%;
                  padding: 5px;
                  text-align: center;
                .imgWrapper {
                  img {
                    width: 60px;
                    height: 60px;
                  }
                }
                .title {
          
                }
              }
            }
          }
      }
    }
  }